.product-list{
        display: flex;
        flex-direction: column;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        .page-scroll-main{
                flex: 1;
                position: relative;
                overflow: hidden;
                .scroll-container{
                        background: #ffffff;
                }
        }
        .nav-bar-wrapper{
                display: flex;
                height: 42px;
                line-height: 42px;
                margin: 0 16px;
                .bar-item{
                        flex: 0 0 60px;
                        margin-right: 16px;
                        transition: all .3s ease;
                        &.active{
                                color: #417505;
                        }
                }
                .filter-item{
                        flex: 1;
                        background: url("../../assets/picture/icon-filter.svg")no-repeat right center /12px auto;
                        padding-right: 22px;
                        text-align: right;
                }
        }
}
.product-list-header{
        display: flex;
        padding: 0 14px;
        margin-top: 4px;
        .header-container{
                flex: 1;
                padding-left: 20px;
        }
        .search-btn{
                width: 20px;
                background: url("../../assets/picture/icon-search.svg")no-repeat center /20px auto;
        }
}

.page-scroll-main{
        .scroll-container{
                padding: 0 16px;
                width: calc(100% - 32px);
        }
}
